<template>
	<view>
		<view class="container">
			<view class="p30 m-hairline--bottom"><input class="fs30 col-3" type="number" placeholder="请填写手机号码" placeholder-class="col-9" /></view>
			<view class="p30 m-hairline--bottom flex-box">
				<input class="flex-1 fs30 col-3" type="text" placeholder="请填写验证码" placeholder-class="col-9" />
				<view class="btn1">获取验证码</view>
			</view>
			<view class="p30 m-hairline--bottom flex-box"><input class="fs30 col-3" type="text" placeholder="请填写新密码" placeholder-class="col-9" password /></view>
			<button class="g-btn1 fs28">确认修改</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style scoped>
.btn1 {
	width: 167rpx;
	height: 51rpx;
	background: linear-gradient(-49deg, #ed1f34, #f24682);
	border-radius: 26rpx;
	font-size: 24rpx;
	color: #ffffff;
	line-height: 51rpx;
	text-align: center;
}
.g-btn1 {
	margin: 115rpx 30rpx 0;
	width: 690rpx;
}
</style>
